
{extend name="index/home"}
{block name="main"}
		<div class="clearfix"> </div>
	</div>
</div>
<!--//header-->
<div class="banner-head">
	<div class="banner-1"> </div>
		<div class="container">
			<h1>Blog</h1>	
		</div>
</div>
<!--content-->
<div class="blog">
	<div class="container">
		<div class="blog-top">
			<div class="col-md-9 blog-grid">
				<div class="blog-grid3">
				<div class=" blog-grid1">
					<div class="text-blog">
						<span>01</span>
						<small>Jun<br>2015</small>
						<div class="clearfix"> </div>
					</div>
					<ul>
						<li><a href="#"><span>1</span><i class="glyphicon glyphicon-calendar"></i></a></li>
						<li><a class="heart" href="#"><i class="glyphicon glyphicon-heart"></i></a></li>
					</ul>
				</div>
				<div class=" blog-grid2">
					<a href="single.html"><img src="/manner/images/bl.jpg" class="img-responsive" alt=""></a>
					<div class="blog-text">
						<h5><a href="single.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h5>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo</p>						
					</div>
					<a href="single.html" class="more">Read More</a>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="blog-grid3">
				<div class=" blog-grid1">
					<div class="text-blog">
						<span>01</span>
						<small>Jun<br>2015</small>
						<div class="clearfix"> </div>
					</div>
					<ul>
						<li><a href="#"><span>1</span><i class="glyphicon glyphicon-calendar"></i></a></li>
						<li><a class="heart" href="#"><i class="glyphicon glyphicon-heart"></i></a></li>
					</ul>
				</div>
				<div class=" blog-grid2">
					<a href="single.html"><img src="/manner/images/bl1.jpg" class="img-responsive" alt=""></a>
					<div class="blog-text">
						<h5><a href="single.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h5>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo</p>						
					</div>
					<a href="single.html" class="more">Read More</a>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="blog-grid3">
				<div class=" blog-grid1">
					<div class="text-blog">
						<span>01</span>
						<small>Jun<br>2015</small>
						<div class="clearfix"> </div>
					</div>
					<ul>
						<li><a href="#"><span>1</span><i class="glyphicon glyphicon-calendar"></i></a></li>
						<li><a class="heart" href="#"><i class="glyphicon glyphicon-heart"></i></a></li>
					</ul>
				</div>
				<div class=" blog-grid2">
					<a href="single.html"><img src="/manner/images/bl2.jpg" class="img-responsive" alt=""></a>
					<div class="blog-text">
						<h5><a href="single.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h5>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo</p>						
					</div>
					<a href="single.html" class="more">Read More</a>
				</div>
				<div class="clearfix"> </div>
			</div>
			
			</div>
			<div class="col-md-3 categories-grid">
			<div class="search-in">
				<h2>Search</h2>
					<div class="search">
					<form>
						<input type="text">
						<input type="submit" value="">
					</form>
					</div>
			</div>
				<div class="grid-categories">
					<h4>Categories</h4>
					<ul class="popular">
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Contrary to popular belief</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>There are many variation</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Lorem Ipsum is simply</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Sed ut perspiciatis unde</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Nemo enim ipsam volume</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>At vero eos et accusamus</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>Contrary to popular belief</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"> </i>There are many variation</a></li>
					</ul>
				</div>
				<div class="blog-bottom">
						<h4>Recent Posts</h4>
							<div class="product-go">
								<a href="single.html" class="fashion"><img class="img-responsive " src="/manner/images/bi.jpg" alt=""></a>
								<div class="grid-product">
									<a href="single.html" class="elit">Consectetuer adipiscing</a>
									<p>Lorem ipsum dolor sit amet, consectetuer</p>
								</div>
							<div class="clearfix"> </div>
							</div>
							<div class="product-go">
								<a href="single.html" class="fashion"><img class="img-responsive " src="/manner/images/bi1.jpg" alt=""></a>
								<div class="grid-product">
									<a href="single.html" class="elit">Consectetuer adipiscing</a>
									<p>Lorem ipsum dolor sit amet, consectetuer </p>
								</div>
							<div class="clearfix"> </div>
							</div>
							<div class="product-go">
								<a href="single.html" class="fashion"><img class="img-responsive " src="/manner/images/bi2.jpg" alt=""></a>
								<div class="grid-product">
									<a href="single.html" class="elit">Consectetuer adipiscing</a>
									<p>Lorem ipsum dolor sit amet, consectetuer</p>
								</div>
							<div class="clearfix"> </div>
							</div>
							</div>
				
			</div>

			<div class="clearfix"> </div>
		</div>
		<div class="nation">
			<ul class="pagination">
		        <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
		        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">2</a></li>
		        <li><a href="#">3</a></li>
		        <li><a href="#">4</a></li>
		        <li><a href="#">5</a></li>
		        <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
	    	 </ul>
	</div>
	</div>
</div>
<!--footer-->
{/block}
